*{margin: 0;padding: 0;font-family:微软雅黑 }
a{text-decoration: none}
a:hover{color: transparent}
*{box-sizing: border-box}
/*头部*/
.header{ width: 16rem;height: 2rem;background: #176EC0;opacity: 0.7;position: absolute }
.header .back{position: absolute;top:0.4rem;left: 0.5rem}
.header .back a img{width: 1.2rem;height: 1.2rem}
.header .h-title{color: white;font-size: 1.15rem;line-height: 2rem;width: 6rem;height: 2rem;margin: 0 auto;text-align: center}
/*头部*/


/*首页*/
.banner{width: 16rem;height: 13rem;background: url("../img/banner1.png") no-repeat;background-size:cover ;padding-top: 4rem}
.banner .b-logo{margin-left: 2.2rem}
.banner .b-logo img{width: 11.6rem;height: auto}
.banner .b-logo .title{font-size: 0.42rem;color:#fff;line-height: 0.62rem}
.con-1{width: 16rem;height:5.75rem;padding-top: 1rem;background-size: 2rem 2.5rem}
.title-cc{width: 16rem;height: 2.2rem;font-size: 1rem;line-height: 2.2rem;text-align: center;color: #4D4D4D;font-weight: bold}
.con-1 .img-1{width: 7rem;height: auto;float: left;margin-left: 3.65rem}
.con-1 .img-2{width: 2rem;height: auto;float: left;margin-left: 0.75rem}
.banner-2{width: 16rem;height: 10.875rem;background: url("../img/b2.png");background-size: 16rem 10.875rem;}
.banner-2 .four{width: 8rem;height: 5.438rem;float: left}
.banner-2 .top{ padding-top: 1.65rem}
.four p{color: #4D4D4D;font-size: 0.50rem;text-align: center;line-height: 0.8rem}
.four .p-1{color: #176EC0;font-weight: bold;text-align: center}
/*首页*/

/*公司简介*/
.banner-z1{width: 16rem;height: 13rem;background: url("../img/banner2.png") no-repeat;background-size:cover ;padding-top: 4rem}
.banner-jj{width: 16rem;height: auto}
.banner-jj .jj-title{font-size: 1rem;font-weight: bold;text-align: center;padding: .56rem 0;margin-top: .4rem;padding-bottom: 0;color: #343434  }
.banner-jj .jj-title-e{font-size: .8rem;font-weight: bold;text-align: center;color: #343434}
.banner-jj .jj-con{font-size: .452rem;text-indent: 1rem;padding: 0.85rem;padding-bottom: .3rem}
/*公司简介*/


/*news*/
.news{width: 16rem;height: auto;padding: 5%}
.news-cont{width: 14.4rem;height:3.5rem;margin-bottom: .45rem}
.news .left{float: left;width:3rem;height: 3.5rem;border: 1px solid #8a8a8a;border-right: none;text-align: center;line-height: 3rem;font-size: .7rem;font-weight: bold;color: #333}
.news .right{float: left;width: 11.2rem;height: 3.5rem;border: 1px solid #8a8a8a}
.news .title-new {padding-left: .2rem;font-size: .5rem;font-weight: bold;padding-top: .1rem;color: #333}
.news .con-new{padding-left: .2rem;font-size: .47rem;color: #333;padding-top: .1rem}
/*news*/

/*产品*/
.con-guan{width: 16rem;height:5.75rem;padding-top: 2rem;background-size: 2rem 2.5rem;padding-left: 0.5rem}
.guan-li{float: left;width: 7rem;height: 6rem;text-align: center}
.banner-1{clear: both}
.con-he{width: 16rem;height:5.75rem;padding-top: 1rem;background-size: 2rem 2.5rem;padding-left: 1.2rem}
.guan-li {font-weight: bold;font-size: .7rem;color: #333!important;    border: 1px solid #4d4d4d;  margin: .2rem; padding-top: .8rem;}
.guan-li a{color: #333!important; }
.guan-li img{height: 3rem;width: auto}



/*产品*/
.xq{width: 16rem;height: auto;padding: 5%;text-align: center;}
.xq .top img{width: 14rem;height: auto}
.xq .xq-1{padding-left: 0.9rem;background: #EAEAEA;border-radius: 15px;margin-bottom: 1.2rem;padding-bottom: .3rem}
.xq .xq-1 ul li{text-align: left;font-size: .7rem;line-height: 1.1rem;margin-bottom: 0.2rem}




/*产品详情*/


/*底部*/
.fotter{ width: 16rem;height: 2.15rem;box-shadow: 0 -8px 20px #bababa  }
.fotter  img{position: absolute;width: 3rem;height: 2.15rem;left: 6.5rem;}
.fotter .fot{float: left;width: 50%;height: 2.15rem;padding-top: .3rem;}
.fotter .fot .zx{width: 4.3rem;margin: 0 auto;height: 1.7rem}
.fotter .fot .active{border-bottom: 8px solid #176EC0;margin: 0 auto;height: 1.84rem}
.fotter .fot a{ color:#4d4d4d}
/*底部*/


